﻿@{
    ViewBag.Navi = "#ui-points";
    Layout = "~/Views/Shared/_User.cshtml";
}

<script type="text/javascript">
    $(function () {

        //         二列卡片切换
        //Default Action 
        $(".tab2_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("c").show(); //Activate first tab 
        $(".tab2_content:first").show(); //Show first tab content 
        //On Click Event 
        $("ul.tabs li").click(function () {
            $("ul.tabs li").removeClass("c"); //Remove any "active" class 
            $(this).addClass("c"); //Add "active" class to selected tab 
            $(".tab2_content").hide(); //Hide all tab content 
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
            $(activeTab).show(); //Fade in the active content 
            return false;
        });
    });
</script>


<div class="myhome_center" style="width: 720px;">
    <div class="full">
        <div class="tou">
            <h2>
                我的积分</h2>
        </div>
        <div class="overage" id="">
            您当前的积分<strong>138</strong>
        </div>
        <div class="form">
            <div class="introduc_info-usr">
                <div class="tab2_area">
                    <ul class="tab2_head tabs">
                        <li class=""><a href="#tab1">积分获得</a></li>
                        <li class=""><a href="#tab2">使用情况</a></li>
                    </ul>
                </div>
                <div class="tab2_container">
                    <div class="introduc_area tab2_content" id="tab1">

                     
                      @(Html.Telerik().Grid<dynamic>()
                            .Name("Grid")
                            .Columns(c =>
                            {
                                
                                c.Bound("Date")
                                    .Title("日期")
                                    .Format("{0:yyyy-MM-dd}");
                        
                                c.Bound("Data4")
                                    .Title("获取积分");

                                c.Bound("Data3")
                                    .Title("消耗积分")
                                    .ClientTemplate("-");

                                c.Bound("Id")
                                    .Title("详细说明")
                                    .ClientTemplate("推荐-新用户ssf195");

                            })
                            .DataBinding(binding => binding.Ajax().Select("_GetSampleData", "Sample"))
                            .Sortable()
                            .Pageable(p => p.PageSize(10))

                        )
                         
                    </div>
                    <div class="introduc_area tab2_content" id="tab2">

                       @(Html.Telerik().Grid<dynamic>()
                            .Name("Grid2")
                            .Columns(c =>
                            {
                                
                                c.Bound("Date")
                                    .Title("日期")
                                    .Format("{0:yyyy-MM-dd}");
                        
                                c.Bound("Data4")
                                    .Title("获取积分")
                                    .ClientTemplate("-");

                                c.Bound("Data3")
                                    .Title("消耗积分");

                                c.Bound("Id")
                                    .Title("详细说明")
                                    .ClientTemplate("<#=Id#>-支付商品使用");

                            })
                            .DataBinding(binding => binding.Ajax().Select("_GetSampleData", "Sample"))
                            .Sortable()
                            .Pageable(p => p.PageSize(10))

                        )
 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
